<template>
  <div class="terms-page">
    <div class="header">
      <div class="logo-section" @click="$router.push('/workspace')">
        <img src="../assets/img/logo.png" alt="金圣达" class="logo">
        <span class="brand-name">金圣达AI设计平台</span>
      </div>
      <div class="back-btn" @click="$router.push('/workspace')">
        <i class="el-icon-arrow-left"></i>
        返回工作台
      </div>
    </div>
    
    <div class="content-wrapper">
      <div class="content">
        <h1>服务条款</h1>
        <div class="last-updated">最后更新日期：2023年12月1日</div>
        
        <section>
          <h2>1. 总则</h2>
          <p>欢迎您使用金圣达AI设计平台（以下简称"本平台"）提供的服务。本服务条款（以下简称"本条款"）是您与本平台之间关于您使用本平台服务所订立的协议。</p>
          <p>在使用本平台提供的服务之前，请您务必仔细阅读并理解本条款，特别是免责及限制责任的条款、对您的权利限制的条款、法律适用和争议解决条款等。如您不同意本条款的任意内容，或者无法准确理解本平台对条款的解释，请不要注册或使用本平台服务。当您注册、使用或以任何方式使用本平台服务时，视为您已阅读并同意上述条款的约束。</p>
        </section>
        
        <section>
          <h2>2. 服务内容</h2>
          <p>本平台是一个提供思维导图、流程图、原型图等在线设计的平台。本平台为用户提供免费服务和付费会员服务。</p>
          <p>免费服务包括但不限于：基础图形绘制、简单思维导图创建、有限数量的文件存储等。</p>
          <p>付费会员服务包括但不限于：高级图形绘制、AI辅助设计、无限文件存储、团队协作功能、高清导出、多端同步等。</p>
          <p>本平台有权根据实际情况调整免费服务和付费会员服务的内容和范围，并在平台上进行公告。</p>
        </section>
        
        <section>
          <h2>3. 账户管理</h2>
          <p>3.1 您在注册时需要提供真实、准确的个人资料，并及时更新注册资料。</p>
          <p>3.2 您应妥善保管账户和密码，不得将账户借给他人使用。因您个人原因导致的账户或密码泄露所产生的一切后果由您自行承担。</p>
          <p>3.3 如发现有他人冒用或盗用您的账户，请立即通知本平台并提供相关证据。</p>
        </section>
        
        <section>
          <h2>4. 会员费用</h2>
          <p>4.1 本平台提供多种会员套餐，包括但不限于半年、一年、两年、三年和终身会员等。</p>
          <p>4.2 会员费用以在线支付页面显示的价格为准。</p>
          <p>4.3 会员一经开通，除法律规定外，不予退款。</p>
        </section>
        
        <section>
          <h2>5. 知识产权</h2>
          <p>5.1 本平台所提供的服务中所包含的任何文本、图片、图形、音频和视频文件、源代码等，均受版权、商标或其他知识产权法律的保护。</p>
          <p>5.2 用户在使用本平台创建的内容的知识产权归用户所有，但用户授权本平台在运营、推广时无偿使用该等内容。</p>
        </section>
        
        <section>
          <h2>6. 免责声明</h2>
          <p>6.1 本平台不对用户使用本服务产生的直接或间接损失负责。</p>
          <p>6.2 本平台不保证服务不会中断或延迟，对因系统维护、网络故障、电力故障等因素导致的服务中断或延迟不承担责任。</p>
          <p>6.3 对于用户在使用本平台服务过程中创建的内容，用户应自行负责备份，本平台不对内容的丢失承担责任。</p>
        </section>
        
        <section>
          <h2>7. 用户行为规范</h2>
          <p>7.1 用户不得利用本平台进行任何违法或不当的活动，包括但不限于以下行为：</p>
          <p>- 发布、传播含有违反国家法律法规内容的信息；</p>
          <p>- 侵犯他人知识产权、商业秘密或其他合法权益；</p>
          <p>- 干扰或破坏本平台服务或服务器和网络；</p>
          <p>- 未经授权收集其他用户的个人信息；</p>
          <p>7.2 如用户违反上述规定，本平台有权视情节采取警告、限制功能、暂停或终止服务等措施。</p>
        </section>
        
        <section>
          <h2>8. 法律适用与争议解决</h2>
          <p>8.1 本条款的订立、执行和解释及争议的解决均适用中华人民共和国法律。</p>
          <p>8.2 如双方就本条款内容或执行发生任何争议，应尽量友好协商解决；协商不成时，任何一方均有权向本平台所在地有管辖权的人民法院提起诉讼。</p>
        </section>
        
        <section>
          <h2>9. 条款修改</h2>
          <p>9.1 本平台有权在必要时修改本条款，并在平台上公布。</p>
          <p>9.2 如您不同意相关变更，应立即停止使用本平台服务。</p>
          <p>9.3 如您继续使用本平台服务，则视为您已接受修改后的条款。</p>
        </section>
        
        <section>
          <h2>10. 联系我们</h2>
          <p>如您对本条款或本平台服务有任何问题，请通过以下方式联系我们：</p>
          <p>电子邮件：support@jinsda.com</p>
          <p>客服热线：400-123-4567</p>
        </section>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TermsPage'
}
</script>

<style lang="scss" scoped>
.terms-page {
  min-height: 100vh;
  background-color: #f9f9f9;
  
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 40px;
    background: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    
    .logo-section {
      display: flex;
      align-items: center;
      cursor: pointer;
      
      .logo {
        width: 32px;
        height: 32px;
        margin-right: 10px;
      }
      
      .brand-name {
        font-size: 18px;
        font-weight: 500;
        color: #333;
      }
    }
    
    .back-btn {
      display: flex;
      align-items: center;
      cursor: pointer;
      color: #666;
      font-size: 14px;
      
      i {
        margin-right: 6px;
      }
      
      &:hover {
        color: #7239EA;
      }
    }
  }
  
  .content-wrapper {
    max-width: 900px;
    margin: 30px auto;
    padding: 40px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    
    .content {
      h1 {
        font-size: 28px;
        color: #333;
        margin-bottom: 10px;
        text-align: center;
      }
      
      .last-updated {
        font-size: 14px;
        color: #999;
        margin-bottom: 30px;
        text-align: center;
      }
      
      section {
        margin-bottom: 30px;
        
        h2 {
          font-size: 20px;
          color: #333;
          margin-bottom: 15px;
          font-weight: 500;
        }
        
        p {
          font-size: 15px;
          color: #555;
          line-height: 1.6;
          margin-bottom: 12px;
        }
      }
    }
  }
}
</style> 